<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	.specialbox {width: 703px; height: 168px;background: #17a1a5;}
		.specialbox-title {width: 100%; height: 32px;}
			.specialbox-title h2{height: 27px; width: 663px;background: url('speicalboxtitle2.png') no-repeat top left; float:left; font-size: 17px; margin: 0; padding-left: 10px; padding-top: 5px;}
			.specialbox-title span{height: 32px; width: 30px;float:right;background: url('boxarrow.png') no-repeat center center;display: block; margin: 0; padding: 0}
		.scrollbar2 { width: 100%; height: 137px; overflow: hidden; border: 0;}
		.scrollprev {
			width: 29px; height:143px; float:left; 
			background: url('icon trai.png') no-repeat center center; }
		.scrollwrapper {
			float:left; margin-top: 7px; width:auto; height:auto; }
		.scrollbox {
			width: 205px; height: 121px;
			margin-right: 15px; float: left;
			background-color:#FFFFFF; position:relative;
		}
		.scrollbox-content {
			position: absolute; text-align: left; font-size: 9px;
			margin: 2px; height: 24px; background: black;
			opacity: 0.5; z-index: 1; width: 201px; bottom: 0;
		}
		.scrollbox-content span {
			color: #fff; display: block; margin-top: 4px;margin-left: 4px;font-size: 13px;
		}
		.scrollbox-image {
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.lastbox {
			margin-right: 0;
		}
	.scrollnext {
		width: 29px;
		height:143px;
		float:right;
		background: url('icon phai.png') no-repeat center center;
	}	
	.clear {
		clear: both;
	}
</style>
</head>

<body>
	<div class="specialbox">
		<div class="specialbox-title">
			<h2>Hobbie</h2>
			<span>&nbsp;</span>
			<div class="clear"></div>
		</div>
		<div class="scrollbar2">
			<div class="scrollprev">
			</div>
			<div class="scrollwrapper">
				<div class="scrollbox">
					<div class="scrollbox-content">
						<span>Model: PK 14-600</span>
					</div>
					<img class="scrollbox-image" src="anh-san-pham-scrollbar2.png" />
				</div>
				<div class="scrollbox">
					<div class="scrollbox-content">
						<span>Model: PK 14-600</span>
					</div>
					<img class="scrollbox-image" src="anh-san-pham-scrollbar2.png" />
				</div>
				<div class="scrollbox lastbox">
					<div class="scrollbox-content">
						<span>Model: PK 14-600</span>
					</div>
					<img class="scrollbox-image" src="anh-san-pham-scrollbar2.png" />
				</div>
				<div class="clear"></div>
			</div>
			<div class="scrollnext">
			</div>
			<div class="clear"></div>
		</div>
	</div>
</body>
</html>
